/************
 * GtkScale *
 ************/
.scale {
    -GtkScale-slider-length: 20;
    -GtkRange-slider-width: 20;
    -GtkRange-trough-border: 0;
}


.scale.slider {
    background-image: url("assets/scale-slider.svg");
}

.scale.slider:insensitive {
    background-image: url("assets/scale-slider-insensitive.svg");
}


.scale.scale-has-marks-below.slider.horizontal {
}

.scale.scale-has-marks-below.slider.vertical {
}

.scale.scale-has-marks-above.slider.horizontal {
}

.scale.scale-has-marks-above.slider.vertical {
}

.scale.trough {
    -unico-outer-stroke-gradient: -gtk-gradient (linear,
                     left top, left bottom,
                     from (alpha (#fff, 0.00)),
                     color-stop (0.50, alpha (#fff, 0.00)),
                     to (alpha (#fff, 0.40)));
}

.scale.trough:insensitive {
    background-color: shade (@theme_bg_color, 1.20);
    border-color: shade (@inactive_frame_color, 0.845);
}

.scale.trough.horizontal {
}

.scale.trough.vertical {
    background-image: -gtk-gradient (linear,
				     left top,
				     right top,
				     from (shade (@bg_color, 0.75)),
				     to (shade (@bg_color, 0.90)));

    -unico-border-gradient: -gtk-gradient (linear,
                     left top,
                     right top,
                     from (alpha (#000, 0.40)),
                     to (alpha (#000, 0.30)));

    -unico-inner-stroke-gradient: -gtk-gradient (linear,
                    left top,
                    right top,
                    from (alpha (#000, 0.12)),
                    to (alpha (#000, 0.06)));

    -unico-outer-stroke-gradient: -gtk-gradient (linear,
                     left top,
                     right top,
                     from (alpha (#fff, 0.00)),
                     color-stop (0.50, alpha (#fff, 0.00)),
                     to (alpha (#fff, 0.40)));
}

.scale.trough.vertical:insensitive {

    background-image: -gtk-gradient (linear,
				     left top,
				     right top,
				     from (shade (@bg_color, 0.95)),
				     to (shade (@bg_color, 1.10)));

    -unico-border-gradient: -gtk-gradient (linear,
                     left top,
                     right top,
                     from (shade (@bg_color, 0.66)),
                     to (shade (@bg_color, 0.78)));
}

.scale.progressbar {
}

.scale.mark {
    background-color: shade (@bg_color, 0.56);
}

.frame {
    color: lighter (@theme_fg_color);
    border-style: none;
    border-width: 0;
}

.scale.highlight.left {
    background-image: -gtk-gradient (linear, left top, left bottom,
                                     from (shade (@bg_color, 0.55)),
                                     to (shade (@bg_color, 0.70)));

    -unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
                                           from (shade (@bg_color, 0.40)),
                                           to (shade (@bg_color, 0.40)));
}